<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>订单信息</title>
    <link rel="stylesheet" href="./css/comms.css" />
    <link rel="stylesheet" type="text/css" href="css/personal.css" />
  </head>
  <body>
    <!-- 头部 -->
    <header id="header">
      <div class="center">
        <a href="#">首页</a>
        <div class="br">|</div>
        <div>
          请 &nbsp;&nbsp; <a href="/login">登录</a>
          <div class="br">或</div>
          <a href="/reg">前往注册</a>
        </div>
      </div>
    </header>
    <div class="search">
      <div class="logo"><img src="./img/logo.png" alt="" /></div>
      <div class="search-right">
        <div class="search-input">
          <input type="text" />
          <a href="/search.html">
            <div class="look">
              <img src="./img/search.png" alt="" />
            </div>
          </a>
        </div>
        <div class="buyer"><img src="./img/buyer.png" alt="" />购物车</div>
      </div>
    </div>
    <div class="nav">
      <a href="/home.html" class="active">首页</a>
      <a href="/class.html">特产分类</a>
      <a href="/news.html">产品新闻</a>
      <a href="/promotion.html">推广销售</a>
      <a href="/personal.html">个人中心</a>
    </div>
    <div class="personal">
      <div class="left">
        <ul>
          <li class="con">
            <div class="title">个人中心</div>
            <div class="line"></div>
          </li>
          <li class="con">
            <div class="title2">个人资料</div>
            <div class="line2"></div>
          </li>
          <li class="con">
            <div class="title2">订单信息</div>
            <div class="line2"></div>
          </li>
          <li class="con">
            <div class="title2">售后申请</div>
            <div class="line2"></div>
          </li>
          <li class="con">
            <div class="title2">推广收益</div>
            <div class="line2"></div>
          </li>
          <li class="con">
            <div class="title2">退出登录</div>
            <div class="line2"></div>
          </li>
        </ul>
      </div>
      <div class="right">
        <div class="content1">
          <ul>
            <li class="tishi">订单号</li>
            <li class="tishi2">商品信息</li>
            <li class="tishi3">总计（元）</li>
            <li class="tishi2">订单状态</li>
            <li class="tishi2">收货地址</li>
            <li class="tishi2">收货方式</li>
            <li class="tishi2">支付方式</li>
            <li class="tishi2">操作</li>
          </ul>
        </div>
        <div class="content2">
          <ul>
            <li class="shoping">10001</li>
            <li class="shoping1">干百合片500g...</li>
            <li class="shoping2">20.0</li>
            <li class="shoping3">已付款</li>
            <li class="shoping4">兰州市</li>
            <li class="shoping5">快速配送</li>
            <li class="shoping5">微信</li>
            <li></li>
          </ul>
        </div>
        <div class="page">
          <div class="page1">上一页</div>
          <div class="page2">1</div>
          <div class="page3">下一页</div>
        </div>
      </div>
    </div>
  </body>
</html>
